// 轮播图
// 获取图片容器
var img = $(".banner .img");
// 获取所有图片
var imgs = $(".banner .img img");
// 设置初始索引值
var index = 1;
// 获取按钮
var but = $(".banner .but li");
// 

// 初始位置
img.css("left", -index * 100 + "%");
// 循环定时器 
var timeber; 
function startInterval() {
    timeber = setInterval(function() {
        // 显示下一张
        index++;
        // 判断边界
        // if (index >= 5) {
        //     index = 0;
        // }
        // 更改img的位置
        move();
    }, 3000);
}
// 页面加载完成时启动动画
startInterval();
function move(fn) {
    // 更改img的位置
    img.stop(true).animate({ left: -index * 100 + "%" }, 500, function() {
        // 修改猫腻图（猫腻图：额外添加的图片）
        if (index === 0) {
            index = 3;
            //如果是第一张，是猫腻图，代表最后一张，要修正图片位置
            img.css("left", -index * 100 + "%");
        } else if (index === 4) {
            // 如果是最后一张，是猫腻图，代表第一张，要修正
            index = 1;
            img.css("left", -index * 100 + "%");
        }
        // 更新小圆点
        but
            .eq(index - 1)
            .addClass("green")
            // 兄弟节点，删除green类
            .siblings().removeClass("green");
            // 启动轮播
            fn && fn();
    });
}
// 点击小圆点，切换图片
but.click(function() {
    // 停止轮播
    clearInterval(timeber);
    // 获取按钮索引值
    // 按钮式从零计数的，图片是从1开始的，所以永远相差1，因此要 +1
    index = $(this).index() + 1;
    // 更改img的位置
    // 更改按钮的样式
    move(startInterval);
});
// 下一张
$(".next").click(function() {
    // 清除定时器
    clearInterval(timeber);
    index++;
    // if (index >= 3) {
    //     index = 0;
    // };
    move(startInterval);
});
// 上一张
$(".last").click(function() {
    // 清除定时器
    clearInterval(timeber);
    index--;
    // if (index < 0) {
    //     index = 2;
    // };
    move(startInterval);
})